<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link href="style/weibo.css" rel="stylesheet" type="text/css" />
    <script src="../lib/react.development.js"></script>
    <script src="../lib/react-dom.development.js"></script>
    <script src="../lib/prop-types.js"></script>
    <script src="../lib/babel.min.js"></script>
</head>
<body>
<div id="root">

</div>
<script type="text/babel">
    const root = ReactDOM.createRoot(document.querySelector('#root'));
    const Area = function (){
        return (
            <div className="jyArea">
                <TakeComment></TakeComment>
                <CommentOn></CommentOn>
            </div>
        )
    };
    const TakeComment = function (){
        return (
            <div className="takeComment">
                <textarea name="textarea" className="takeTextField" id="tijiaoText"></textarea>
                <div className="takeSbmComment">
                    <input type="button" className="inputs" value=""/>
                </div>
            </div>
        )
    };
    const CommentOn = function (){
        return (
            <div className="commentOn">
                <div className="noContent">暂无留言</div>
                <div className="messList">
                    <div className="reply">
                        <p className="replyContent">内容</p>
                        <p className="operation">
                            <span className="replyTime">2024.03.10 01:01:01</span>
                            <span className="handle">
                    	<a className="top">0</a>
                        <a className="down_icon">9</a>
                        <a className="cut">删除</a>
                    </span>
                        </p>
                    </div>
                </div>

                <Page></Page>
            </div>
        )
    };
    const Page = function (){
        return (
            <div className="page">
                <a className="active">1</a>
                <a>2</a>
                <a>3</a>
            </div>
        )
    };
    root.render(<Area/>)
</script>
</body>
</html>